
/*--- gadget 284---*/

.cont-flash{ width:269px; height:526px; margin:0 auto 12px auto; background:url(http://la-aventura-del-universo.googlecode.com/svn/trunk/images/flash-img.jpg) top left no-repeat;}
.cont-flash .contenedor-284 .flash{ width:284px; height:240px; background:#fff;}
.cont-flash .contenedor-284 a.informate{ font-size:10px; text-decoration:underline; color:#0033cc; margin:0 0 0 10px; float:left}

/*--- pregunta---*/
.cont-pregunta{ width:640px; margin:2px 30px 15px 30px; text-align:center; overflow:hidden; background:url(http://la-aventura-del-universo.googlecode.com/svn/trunk/images/cargando.gif) right 28px no-repeat;}
.cont-pregunta span.pregunta-titulo{ font-size:18px; color:#b2b2b2; width:100%; display:block; margin:0 0 10px 0; text-align:left; text-transform:uppercase; background:url(http://la-aventura-del-universo.googlecode.com/svn/trunk/images/bg-titulo.gif) bottom repeat-x; padding-bottom:4px; position:relative;}
.cont-pregunta span.pregunta-titulo .nivel{ float:right; font-size:14px; text-transform:uppercase; font-weight:bold; position:absolute; right:0; bottom:4px;} 

.cont-pregunta .pregunta{float:left; width:370px;}
.cont-pregunta .circulo{ width:30px; height:50px; background:url(http://la-aventura-del-universo.googlecode.com/svn/trunk/images/circulo.jpg) top left no-repeat; float:left;}
.cont-pregunta .texto{ float:left; width:334px; font-size:14px; color:#000; font-weight:bold; margin:4px 0 0 0;}
.cont-pregunta .texto p.preg{color:#000; margin:0 0 12px 0; text-align:left;}
.cont-pregunta .texto p.resp{color:#013b6d; text-align:left; }

.cont-pregunta .cont-input{ float:left; margin:0 0 12px 0;}
.cont-pregunta .texto form input{ float:left;}
.cont-pregunta .texto form span{ float:left; width:300px; margin:0 0 0 10px; text-align:left; margin-top:3px;}
.cont-video-img{width:252px; float:right; text-align:left;}
.cont-video-img span{ color:#737373; font-size:9px; margin:6px 0 0 0; display:block; float:left}
.cont-pregunta .video-img{float:right; background:#efefef; width:250px; height:230px; margin:8px 0 0 0; border:1px solid #cbcbcb; padding:4px 0 4px 0; text-align:center; }

.video-img table{ width:250px; height:230px; text-align:center;}
.video-img table img{ vertical-align:middle;}

.cont-pregunta .sin-video-img{float:right; background:url(http://la-aventura-del-universo.googlecode.com/svn/trunk/images/bg-fondo.jpg) top right no-repeat; width:191px; height:193px; margin:8px 0 0 0;}

.cont-pregunta .env-resp{ margin:12px 0 0 0;}

.cont-pregunta .correcta{float:left; width:370px; background:url(http://la-aventura-del-universo.googlecode.com/svn/trunk/images/bg-respuesta.gif) top repeat-x; display:block; text-align:left; }
/*--con el display block/none mostramos un div u otro dependiendo si se acierta o no la pregunta--*/
.cont-pregunta .resp-correcta{ background:url(http://la-aventura-del-universo.googlecode.com/svn/trunk/images/correcta.gif) left no-repeat; width:370px; height:24px; text-align:right; margin:10px 0 15px 0;}
.cont-pregunta .correcta span.cifra{font-size:24px; color:#04c200; font-weight:bold;}
.cont-pregunta .correcta span.puntos{font-size:14px; color:#04c200; font-weight:bold;}
.cont-pregunta .correcta span.explicacion{ font-size:14px; font-weight:bold; color:#003a6c; margin:0 0 6px 0; display:block; text-align:left;}
.cont-pregunta .correcta p{ font-size:12px; color:#003a6c; margin:0 0 18px 0; text-align:left;}
.cont-pregunta .correcta img{ cursor:pointer;}

.cont-pregunta .incorrecta{float:left; width:370px; background:url(http://la-aventura-del-universo.googlecode.com/svn/trunk/images/bg-respuesta.gif) top repeat-x;display:block; text-align:left; }
.cont-pregunta .incorrecta img{ cursor:pointer;}
/*--con el display block/none mostramos un div u otro dependiendo si se acierta o no la pregunta--*/
.cont-pregunta .resp-incorrecta{ background:url(http://la-aventura-del-universo.googlecode.com/svn/trunk/images/incorrecta.gif) left no-repeat; width:370px; height:24px; text-align:right; margin:10px 0 15px 0;}
.cont-pregunta .incorrecta span.cifra{font-size:24px; color:#c51807; font-weight:bold;}
.cont-pregunta .incorrecta span.puntos{font-size:14px; color:#c51807; font-weight:bold;}
.cont-pregunta .incorrecta span.explicacion{ font-size:14px; font-weight:bold; color:#003a6c; margin:0 0 6px 0; display:block; text-align:left;}
.cont-pregunta .incorrecta p{ font-size:12px; color:#003a6c; margin:0 0 18px 0; text-align:left;}

/*--- fin juego---*/
.fin-juego{ width:430px; margin:0 auto 0 5px; text-align:left;}
.fin-juego .circulo{ width:32px; height:130px; background:url(http://la-aventura-del-universo.googlecode.com/svn/trunk/images/circulo.jpg) top left no-repeat; float:left;}
.fin-juego span.pregunta-titulo{ font-size:18px; color:#b2b2b2; width:100%; display:block; margin:0 0 10px 0; text-align:left; text-transform:uppercase; background:url(http://la-aventura-del-universo.googlecode.com/svn/trunk/images/bg-titulo.gif) bottom repeat-x; padding-bottom:4px;}
.fin-juego  p.fin{color:#000; margin:0 0 6px 0; font-weight:bold; font-size:14px; width:392px; float:left;}
.fin-juego span.bonus{ display:block; font-size:14px; color:#000; margin:0 0 5px 0;}
.fin-juego span.bonus .izq{ width:155px; float:left;}
.fin-juego span.bonus .formula{ font-size:10px; color:#818181; width:392px; float:left;}
.fin-juego .fin-nombre-usuario{float:right; width:405px; background:url(http://la-aventura-del-universo.googlecode.com/svn/trunk/images/bg-respuesta.gif) top repeat-x; display:block; margin:8px 0 10px 0;}
.fin-juego .fin-nombre-usuario span{ display:block;font-size:14px; font-weight:bold; margin:22px 0 6px 0;}
.fin-juego .fin-nombre-usuario input{ display:block; width:392px; height:20px; border:1px solid #04C200; margin:0 0 17px 0; padding:0 5px 0 5px;}
.fin-juego .fin-nombre-usuario img{ cursor:pointer;}
.fin-juego span.cifra{font-size:24px; color:#04c200; font-weight:bold;}
.fin-juego span.puntos{font-size:14px; color:#04c200; font-weight:bold;}

/*--cabecera--*/
.cont-cabecera{ width:100%; height:92px; background:url(http://la-aventura-del-universo.googlecode.com/svn/trunk/images/bg-cabecera.jpg) repeat-x;}
.cabecera{ width:100%; height:92px; background:url(http://la-aventura-del-universo.googlecode.com/svn/trunk/images/cabecera.jpg) left no-repeat; float:left; position:relative;}
.cabecera .datos{ position: absolute; top:68px; left:102px; width:850px; height:85px;font-weight:bold; font-size:14px; }
.cabecera .datos .pregunta{width:140px; float:left; margin:3px 0 0 12px; display:inline;}
.cabecera .datos .puntuacion{width:155px; float:left; margin:3px 0 0 0; display:inline;}
.cabecera .datos .tiempo{width:170px; float:left; margin:3px 0 0 0; display:inline;}
.cabecera .sep{ float:left; margin-right:12px;}
.datos .verde{color:#a0f800;}
.datos .blanco{color:#fff;}
.datos .amarillo{color:#ebdf2e;}

/*--pie--*/
.pie{ width:100%; height:84px; background:#000; text-align:center; border-top:1px solid #505050;}
.pie img{ margin-top:12px;}

/*--bienvenido--*/
.bienvenido{ width:380px; text-align:left;}
.bienvenido .titulo{ margin:14px 0 14px 16px;}
.bienvenido p{ font-size:14px; font-weight:bold; margin:0 16px 20px 16px}
.bienvenido .empezar{ width:100%; background:url(images/bg-respuesta.gif) top repeat-x; text-align:center;}
.bienvenido .empezar img{ margin:16px 0 0 0; cursor:pointer;}

/*--- ranking---*/
.ranking{ width:430px; margin:3px auto 0 5px; text-align:left;}
.ranking span.pregunta-titulo{ font-size:18px; color:#b2b2b2; width:100%; display:block; margin:0 0 10px 0; text-align:left; text-transform:uppercase; background:url(http://la-aventura-del-universo.googlecode.com/svn/trunk/images/bg-titulo.gif) bottom repeat-x; padding-bottom:4px; font-family:Arial, Helvetica, sans-serif;}
.ranking .flash{ width:250px; height:182px; margin:0 0 25px 0;}
.ranking img.rank{ cursor:pointer; margin-right:10px}

